<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" 
      xmlns:sec="http://www.thymeleaf.org/thymeleaf-extras-springsecurity4" 
      lang="cn">
  <head>
    <meta charset="UTF-8">
    <title>控件树</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
     <link rel="shortcut icon" th:href="@{/favicon.ico}" type="image/x-icon" />
     <link rel="stylesheet" th:href="@{/jstree/themes/default/style.min.css}" />
    <link rel="stylesheet" th:href="@{/css/font-awesome.min.css}">
	<link rel="stylesheet" th:href="@{/css/xadmin.css}">
    <script type="text/javascript" th:src="@{/js/jquery.min.js}"></script>
    <script type="text/javascript" th:src="@{/layui/layui.js}" charset="utf-8"></script>
	<script type="text/javascript" th:src="@{/jstree/jstree.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/xadmin.js}"></script>
    <script type="text/javascript" th:src="@{/js/pinyinUtil.js}"></script>
    <script type="text/javascript" th:src="@{/js/common.js}"></script>
	<script type="text/javascript" th:src="@{/js/show.js}"></script>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
      <script th:src="@{/js/html5shiv.min.js}"></script>
      <script th:src="@{/js/respond.min.js}"></script>
    <![endif]-->
  </head>
  
  <body>
    <div class="x-nav">
      <span class="layui-breadcrumb">
        <a>
          <cite>演示</cite>
         </a>
      </span>
      <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" href="javascript:location.replace(location.href);" title="刷新">
        <i class="layui-icon" style="line-height:30px">ဂ</i></a>
    </div>
    <div class="x-body">
    <input type="hidden" id="caseId" th:attr="value=${caseId}"/>
      <div class="layui-row" style="width:100%;border:1px solid #ddd;">
			<div class="layui-col-md6" id="blankTree" style="max-height:650px;overflow-y:auto;">
				<div class="layui-row" style="border-right:1px solid #ddd;margin-right:5px;">
				    <div class="layui-col-md12" >
					  <xblock>
					    <input type="text" id="param" placeholder="请输入设备型号" autocomplete="off" class="input-search">
					  </xblock>
					</div>
					<div  class="layui-col-md12" style="padding-right:10px;">
					<div class="layui-form">
				      <table class="layui-table">
				        <thead>
				          <tr>
				            <th>序列号</th>
				            <th>平台</th>
				            <th>品牌</th>
				            <th>型号</th>
				            <th>操作</th>
				            </tr>
				        </thead>
				        <tbody id="dg">
				         
				        </tbody>
				      </table>
				      <div id="page"></div>
				      </div>
					</div>
				</div>
			</div>
			<div class="layui-col-md6">
			<div class="layui-row">
			<div class="layui-col-md12" style="text-align:center;line-height:50px;">
					  <cite style="font-family: 'PingFangSC-Regular', 'PingFang SC';font-weight: 400;font-style: normal;font-size: 18px;">演示界面</cite>
					</div>
				<div class="layui-col-md12">
					<div class="grid-demo">
						<div style="position: absolute; background: none;">
							<div style="text-align: center" id="deviceShow">
								<p style="margin: 0;">
									<img id="screenshot" style="height: 500px;" data-holder-rendered="true">
								</p>
							</div>
						</div>

					</div>
				</div>
				</div>
			</div>
	  </div>

    </div>
  </body>

</html>